<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			/*	绘制三角形的步骤：
			 * 1.画一个矩形即创建一个div，把div的宽高设为0；
			 * 2.给上述div设置边框，边框厚度决定了三角形的大小
			 * 3.把所需要的三角形颜色保留，其余三角形边框颜色设为透明（transparent）
			 * 4.把所需三角形对面的边框去除（这一步不是必须的）
			 * */
			.indexWeb .triangle{
				margin: 0 auto;
				width:0px;
				height: 0px;
				/*border-top: 30px solid firebrick;*/
				border-right: 30px solid transparent;
				border-bottom: 22px solid green;
				border-left: 30px solid transparent;
			}
		</style>
	</head>
	<body>
		<div class="indexWeb">
			<div class="triangle"></div>
		</div>
	</body>
</html>
